<template>
	<view>
		<view class="nav-back">
			<top-heigth :backTitle="backTitle"></top-heigth>
		</view>
		
		<view class="content-box m-t16">
			<view class="list-box">
				<view>
					<!-- <uv-icon size="22" name="/static/image/t-vip1.png" class="m-b8 t-vip"></uv-icon> -->
					<view class="list-head">
						<view class="img-box">
							<image class="image" src="" mode="widthFix"></image>
						</view>
						<!-- <view class="title">空闲</view> -->
					</view>
				</view>
				<view style="width:calc(100% - 184rpx)">
					<view class="list-center-top m-b30 m-t16">
						<view class="list-center">
							<h1 class="list-center-h1">阿斯顿发了多少</h1>
							<!-- <view class="time">
								<view class="time-b-red">最早可约</view>
								<view class="time-f-red">19:00</view>
							</view> -->
						</view>
						
						<!-- <view>
							<view class="icon-font m-b8">
								<uv-icon size="16" name="/static/image/start-choose.png" style="margin-right: 8rpx;"></uv-icon>
								<view class="shop">收藏</view>
							</view>
						</view> -->
					</view>
					
					<view class="list-bottom-box">
						<view class="list-bottom">
							<view class="font" style="margin-bottom: 8rpx;">
								<span class="list-span">000分</span>服务单数 000
							</view>
							<view class="icon-font m-b8" style="justify-content: flex-start;">
								<uv-icon size="16" name="/static/image/t-address.png" style="margin-right: 8rpx;"></uv-icon>
								<view class="shop">小于1km</view>
							</view>
							<!-- <view class="font font-flex">
								<uv-icon size="16" name="/static/image/t-shop.png" style="margin-right: 8rpx;"></uv-icon>
								<view class="shop">最大支持v支持</view>
							</view> -->
						</view>
						<view class="but-blue t-but">选择</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
	
	export default {
		data() {
			return {
				backTitle:"选择服务人员"
				
			}
		},
		components: { TopHeigth },
		onLoad() {
			this.list2()
		},
		methods: {
			/* list2:function(){
					uni.$u.http.post('/api/shop/v1_0/tAppUserCollectRCA/queryTAppUserCollect',{
						appUserId:this.userInfo.id,
						collectType:1, //1技师 2服务
						//staffServiceId:"" //技师服务id
					}).then((res) => {
						this.jsList = res.aaData
						
					})
			}, */
		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
	
</style>
